<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Sample001 - 美女相册</title>
    <link rel="stylesheet" type="text/css" href="css/cute.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
    <div class="container">
        <div class="container-big"><img src="img/big/1.jpg" alt="girl1" id="container_big_image"/></div>
        <ul class="container-small"id="container_small">
            <li><a href="img/big/1.jpg" title="girl1"><img src="img/small/1.jpg" alt="girl1" /></a></li>
            <li><a href="img/big/2.jpg" title="girl2"><img src="img/small/2.jpg" alt="girl1" /></a></li>
            <li><a href="img/big/3.jpg" title="girl3"><img src="img/small/3.jpg" alt="girl3" /></a></li>
            <li><a href="img/big/4.jpg" title="girl4"><img src="img/small/4.jpg" alt="girl4" /></a></li>
            <li><a href="img/big/5.jpg" title="girl5"><img src="img/small/5.jpg" alt="girl5" /></a></li>
        </ul>
    </div>
</body>
<!-- 当页面加载完成，载入javascript文件，为html元素添加动作-->
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</html>